<template>
  <main class="container" style="margin-top: 70px">
    <h1>Ponyracer</h1>
    <h2>{{ numberOfUsers }} users</h2>
    <h2>Welcome {{ user.name }}</h2>
    <Races />
  </main>
</template>

<script lang="ts">
// import Races from '@/chapters/templates/Races.vue';
import { defineComponent, ref } from 'vue';

export default defineComponent({
  name: 'App',

  components: {
    // Races: Races
  },

  setup() {
    const user = ref({ id: 1, name: 'John' });
    const numberOfUsers = ref(146);
    setTimeout(() => {
      numberOfUsers.value = 147;
    }, 3000);
    return { numberOfUsers, user };
  }
});
</script>

<style></style>
